<style>
.cssfieldset {
  width:30%; 
  border:1px solid green; 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.cssfieldset2 { 
  border:0px solid green;  
  width:20%;
}


.csslegend {
  padding: 0.2em 0.5em;
  border:1px solid green;
  color:green;
  font-size:90%;
  text-align:left;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.csslegend2 {
  padding: 0.2em 0.5em;
  border:1px dotted green;
  color:green;
  
  text-align:right;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}


.csshr{
  border:1px dotted  green;
}
  
</style>

<form name="{oid}" method="POST"  >
<fieldset class="cssfieldset">
	<legend class="csslegend" >_({title}) <small class="csslegend2">{language}</small></legend>
	<div id="{oid}_welcome">{welcome}</div>
	<div id="{oid}_error">{error}</div>
	
	<hr class="csshr">
	
	<span>
	<fieldset class="cssfieldset2">
	<legend class="">
	     <label for="{userFieldName}"><strong><small>_(username)</small></strong></label>
	</legend>
	     <input id="{userFieldName}" name="{userFieldName}" type="text" size="30">
	</fieldset>
	</span>
	<span>
	<fieldset class="cssfieldset2">
	<legend>
	<label for="{passwordFieldName}"><strong><small>_(password)</small></strong></label>
	</legend>
	<input id="{passwordFieldName}" name="{passwordFieldName}" type="{passwordFieldName}" size="30">
	</fieldset>
	</span>
	<hr class="csshr">
	<button name="doLogin" type="submit">_(login)</button>  <center><small>{browser}</small></center>
</fieldset>
</form>